Web Prototype Generator

$npx mdskill add skillmatic-ai/playbooks/Web Prototype Generator

Generate interactive web prototypes directly from detailed product requirement documents or specs.

  • Validates core user journeys and visual concepts early in the design cycle.
  • Relies on contextual PRD input and general web development knowledge.
  • Prioritizes critical user flows and suggests necessary design assumptions.
  • Delivers a functional, interactive web prototype ready for immediate design review.

SKILL.md

.github/skills/Web Prototype GeneratorView on GitHub ↗

No skill content available yet.

More from skillmatic-ai/playbooks

SkillDescription
account-provisionerAI-powered account provisioning with Slack welcome and Jira task creation. Uses Claude for plan generation and real API integrations. Supports approve-only approval with 2-phase checkpoint/resume.
calendar-managerAI-powered week-1 meeting schedule generation with Google Calendar event creation. Uses Claude for schedule optimization and Google Calendar API for real events. Non-interactive, exception-only approval.
Codebase Analysis"Analyze repository structure, tech stack, and code patterns to inform implementation planning"
echoA test skill that echoes received input. Used for CI/CD pipeline validation and step agent container lifecycle testing.
email-drafterAI-powered welcome email drafting with Gmail delivery. Uses Claude to generate personalized emails and sends them via Gmail API. Supports review-and-edit approval with 3-phase checkpoint/resume.
Feasibility Report"Analyze codebase and estimate implementation effort for a proposed feature"
interactiveA test skill that demonstrates the HITL (human-in-the-loop) flow by asking a question, using the answer, and requesting approval on a draft.
JTBD Clustering"Cluster support tickets and user feedback into Jobs-to-be-Done themes"
PRD Template v2"Write a comprehensive Product Requirements Document following the standard template"
report-generatorAI-powered executive onboarding report compilation. Uses Claude to analyze step results and generate a narrative report. Non-interactive, auto-executes with exception-only approval.